﻿<div class="detail-wrap">
 <!-- 订单列表页   -->
 <div class="orderHead">
    <div class="content">
         <div class="dropdown leftbox">
			<a class="cura" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
				<span id="selTitle">全部任务</span><img src="images/order_list/down-icon.png">
			</a>
			<div class="menubox dropdown-menu">
			     <div class="titles" title="点击查询全部">全部</div>
			     <div class="butbox">
			         <a class="but" vals="2">待支付</a>
			         <a class="but" vals="4">生产中</a>
			         <a class="but" vals="5">配送中</a>
			         <a class="but" vals="1">草稿</a>
			         <a class="but" vals="6">已完成</a>
			         <a class="but" vals="0">已中止</a>
			         <a class="but" vals="3">已支付</a>
			         <a class="but" vals="-1">已取消</a>
			     </div>
			</div>
		</div>
       <div class="rightbox">
          <a class="abut" ui-sref="order_add" href="javascript:void(0);">发布需求</a>
       </div>
    </div>
 </div>
 <div class="clearfix"></div>
 <div class="orderlist-Box">
	
	<ul id="orderList_content"></ul>
	
	
	<!-- 无数据提示 -->
	<div class="nulldate">

        <div class="title">
            欢迎您选择长芯半导体M.D.E.S 闪电快封平台！
            <div class="desc">
                完成下单，您需要以下6步，大约需要10分钟
            </div>
        </div>

        <!-- 流程步骤 -->
	    <div class="order-flow-nav-top normal-nav-top">
            <span class="order-tab tab-check active">
                <span class="check-number">1</span>
                <i class="tips-top" data-title="请选择您需要的服务及封装形式">合作模式和封装类型</i>
            </span>
            <img class="order-tab-img" src="images/order_list/flow-line.png" alt="">
            <span class="order-tab">
                <span class="check-number">2</span>
                <i class="tips-top" data-title="添加Wafer类型及信息">晶圆信息</i>
            </span>
            <img class="order-tab-img" src="images/order_list/flow-line.png" alt="">
            <span class="order-tab">
                <span class="check-number">3</span>
                <i class="tips-top" data-title="请完善生产信息">生产信息</i>
            </span>
            <img class="order-tab-img" src="images/order_list/flow-line.png" alt="">
            <span class="order-tab">
                <span class="check-number">4</span>
                <i class="tips-top" data-title="可靠性要求&nbsp;<i class='lc-des'>选填</i>">可靠性要求</i>
            </span>
            <img class="order-tab-img" src="images/order_list/flow-line.png" alt="">
            <span class="order-tab">
                <span class="check-number">5</span>
                <i class="tips-top" data-title="产品应用&nbsp;<i class='lc-des'>选填</i>">产品应用</i>
            </span>
            <img class="order-tab-img" src="images/order_list/flow-line.png" alt="">
            <span class="order-tab">
                <span class="check-number">6</span>
                <i class="tips-top"  data-title="交货信息">提交订单</i>
            </span>
        </div>

        <div class="desc">
            为了方便下单，您需先准备以下资料
        </div>

        <div class="form-group">
					<div class="col-md-12 lc-checkbox-group">
			
						<div class="lc-checkbox col-md-4 active">
							<span class="lc-checkbox-btn"></span>
							<span class="lc-checkbox-msg">设计Geber文件</span>
						</div>
		
						<div class="lc-checkbox col-md-4 active">
							<span class="lc-checkbox-btn"></span>
							<span class="lc-checkbox-msg">封装BOM List</span>
						</div>
		
						<div class="lc-checkbox col-md-3 active">
							<span class="lc-checkbox-btn"></span>
							<span class="lc-checkbox-msg">产品外观尺寸图POD</span>
						</div>
					</div>
					<div class="col-md-12 bottom-border lc-checkbox-group">
						<div class="lc-checkbox col-md-4 active">
							<span class="lc-checkbox-btn"></span>
							<span class="lc-checkbox-msg">Wafer Datasheet</span>
						</div>
						
						<div class="lc-checkbox col-md-4 active">
							<span class="lc-checkbox-btn"></span>
							<span class="lc-checkbox-msg">生产打线或SMT贴片图纸</span>
						</div>
						
						<div class="lc-checkbox col-md-3 active">
							<span class="lc-checkbox-btn"></span>
							<span class="lc-checkbox-msg">Mark 指引文件</span>
						</div>
					</div>
				</div>
				
				<div class="info-foot">
						<span class="desc">
								* 请确认已完成材料准备工作！
						</span>
					<a onclick="$('#firstDialog').show();" class="btn">立即下单</a>
				</div>


	</div>
	
 </div>

 <div class="mbbox130"></div>
</div>


<script type="text/x-jsrender" id="orderList_Template">
<li>
   {{if status == -1}}
     <div class="oderhead state2">
	   <img alt="已取消" src="images/order_list/order-yzz.png"><br/>
	   <label>已取消</label>	
     </div>					
   {{else status == 0}}
     <div class="oderhead state2">
	    <img alt="已中止" src="images/order_list/order-yzz.png"><br/>
	    <label>已中止</label>	
     </div>					
   {{else status == 1}}
     <div class="oderhead state1">
		<img alt="草稿" src="images/order_list/order-cg.png"><br/>
	    <label class="mg-l">草稿</label>	
     </div>					
   {{else status == 2}}
     <div class="oderhead state1">
		<img alt="待支付" src="images/order_list/ordre-dzf.png"><br/>
	    <label>待支付</label>
     </div>		
   {{else status == 3}}
     <div class="oderhead state2">
	    <img alt="已支付" src="images/order_list/order-yfb.png"><br/>
	    <label>已支付</label>	
     </div>		
   {{else status == 4}}
     <div class="oderhead state1">
	     <img alt="生产中" src="images/order_list/order-pdz.png"><br/>
	     <label>生产中</label>	
     </div>		
   {{else status == 5}}
     <div class="oderhead state1">
         <img alt="配送中" src="images/order_list/order-psz.png"><br/>
	     <label>配送中</label>
     </div>	
   {{else status == 6}}
     <div class="oderhead state1">
	     <img alt="已完成" src="images/order_list/order-ywc.png"><br/>
	     <label>已完成</label>	
     </div>							
   {{/if}} 
	<div class="conbox"  onclick="OrderList.toDetails({{:id}});">
	    <div class="topbox">
	        <span class="names">NO.{{:code}} {{:name}}</span>
	        <span class="tags">
               {{if packageType == 0}}
                  BGA
               {{else packageType == 1}}
                  LGA
               {{else packageType == 2}}
                  QFN
               {{else packageType == 3}}
                  QFP
               {{else packageType == 4}}
                               其他封装形式
               {{/if}} 
            </span>
	    </div>
	    <div class="btmbox">
	        <span class="prices">￥
               {{if money == null}}
                   0
               {{else}}
                   {{:money}}
               {{/if}} 
            </span>
	        <span class="nums">订单数量：<span class="nums-v">{{:amount}}</span></span>
	        <span class="times">预计交付时间：<span class="times-v">
               {{if deliverTime == null}}
                   0
               {{else}}
                   {{:deliverTime}}
               {{/if}}
            </span></span>
	     </div>
	 </div>
	 <div class="optbox">
        {{if status == -1}}
	
        {{else status == 0}} <!-- 已中止 -->
           <div class="fhtime mt-fh">
	           <span class="infos">项目退款</span><br/>
	           <span class="prices">￥
                  {{if pay == null}}
                      0
                  {{else}}
                     {{:pay}}
                  {{/if}}
              </span>
	       </div>
       {{else status == 1}} <!-- 草稿 -->
			 <a class="but" href="#/order_add?id={{:id}}">编辑</a>
	         <a class="opa mg-centre" href="javascript:void(0);" onclick="OrderList.cancelDialog({{:id}},0);">删除订单</a>
       {{else status == 2}} <!-- 待支付 -->
         <a class="but" href="javascript:void(0);" onclick="OrderList.payPrder({{:id}});">付款</a>
	     <a class="opa" href="javascript:void(0);" onclick="OrderList.cancelDialog({{:id}},0);">取消订单</a>
	     <a class="opa" href="#/order_add?id={{:id}}">修改订单</a>
       {{else status == 3}} <!-- 已支付 -->
            <div class="fhtime mt-fh2">
	             <span class="infos">客户经理：
	                  <span class="names">{{:waiterName}}</span>
	             </span><br/>
	             <span class="contact con-mt">
	                   <img alt="电话" src="images/order_list/call.png">：{{:waiterPhone}}
	             </span>
	             <span class="contact">
	                <img alt="QQ" src="images/order_list/qq.png">：{{:waiterQQ}}
	             </span>
	         </div>
       {{else status == 4}} <!-- 生产中 -->
            <div class="fhtime">
	             <span class="titles">预计发货时间</span><br/>
	             <span class="times">
                    {{if shipTime == null}}
                      0
                    {{else}}
                       {{:shipTime}}
                    {{/if}}
                 </span>
	        </div>
	        <a class="opa mg-centre" href="javascript:void(0);" onclick="OrderList.suspendDialog({{:id}},0);">中止订单</a>
       {{else status == 5}} <!-- 配送中 -->
            <div class="fhtime mt-fh">
	             <span class="titles">{{:deliveryCompany}}</span><br/>
	             <span class="times">{{:deliveryCode}}</span>
	        </div>
       {{else status == 6}} <!-- 已完成 -->
			 <a class="but" href="#/purse_invoice">开具发票</a>
	         <a class="opa mg-centre" href="#/order_add">再次下单</a>		
       {{/if}} 
	</div>
</li>
</script>

<script type="text/javascript">

    $('html,body').animate({scrollTop:0}, 800);//移动到最上面
    //查询列表信息
    OrderList.orderList();
    
    //菜单筛选
    $(".menubox .butbox a").click(function(){
    	$(".menubox .butbox a").removeClass("active");
    	$(this).addClass("active");
    	$("#selTitle").html($(this).html());
    	
    	OrderList.orderList(); //查询
    });
    
    //点击查询全部
    $(".menubox .titles").click(function(){
    	$(".menubox .butbox a").removeClass("active");
    	$("#selTitle").html("全部任务");
    	
    	OrderList.orderList(); //查询
    });
    
</script>